# 3.38 Smart Control Panel

## 3.38.1 Overview

Combined web buttons and wireless control, this control panel in this project is able to control modules and read module values as well. 

## 3.38.2 Test Code

### 3.38.2.1 Build Code

There are two ways to upload the code: directly open the code file we provide; or manually build blocks.

**Directly open the code file we provide:**

1. Click ![](./media/j68.png) and choose `Load from your computer`

![](./media/j67.png)

2. We have already downloaded the codes on computer desktop, so open the file and choose `7-38-intelligentConsole.sb3`

**Manually build blocks:**

1. Initialize wifi and OLED module, set the name and passwords of the wifi

2. Set the values to be displayed through block ![](./media/j65.png)

3. Define button names and functions through block![QQ_1722222062997](./media/j66.png)


**Complete Test Code**

![6-38-2-1](./media/6-38-2-1.png)

### 3.38.2.2 Test Result

Upload the code, and the OLED shows the IP address after connecting to wifi. 

Connect your computer/mobile phone and ESP32 to the same wifi, and you can access the IP address to see the control page through your device. 

![QQ_1722241479429](./media/6-38-2-2.png)